*{
    margin: 0;
    padding: 0;}
ul,ol,li{list-style:none;}
em,i{font-style:normal;}
a,u{text-decoration: none;}
img{border:0;display:block;}
input{outline: none}
*{box-sizing:border-box;}
.center li.red{color: red}
header{ width:100%; height:auto; }
.top{ width:100%; height:30px; height:30px;background-color:#F2F2F2;}
.search{ width:100%; height:70px;padding-top: 15px}
nav{ width:100%; height:42px; background-color:#000;}
.banner{ width:100%; height:524px; overflow:hidden;}
.top ul,nav ul{ display:flex;}
.top a{color: #000;}
nav a{color: #fff;}
.center{ width:1000px; height:100%; margin:0 auto;display:flex;
    justify-content:space-between;align-items:center}
.top .center ul img{ float:left;}
.top .center ul li { margin-right:20px;}
.top .center ul li:last-child a{ background:url(../img/base_z.png) 0 0 no-repeat;}
nav ul li { margin-right:50px;}
nav ul li a.on{color:red}
h1{ width:369px; height:36px; margin-left:170px;}
h1 a{ display:block;background:url("../img/logo.png") 100% 100% no-repeat; width:369px; height:36px;}
.auto{
    width: 1000px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 50px;
}
.box1{
    width: 1000px;
    height: 50px;
    border-bottom: 1px solid #a3a3a3;
    line-height: 60px;
    margin-bottom: 20px;
}
.box1 h3{display: inline-block;
    float: left;}
.box1 p{display: inline-block;
    float: right;}
.tip{
    width: 1000px;
    background: #fbe9e9;
    height: 30px;
    line-height: 30px;
    text-indent: 2em;
    color: red;
    margin-bottom: 20px
}
table{ width: 1000px;
}
table thead{
    width: 1000px;
    background: #eee;
    line-height: 40px;
    text-align: center;
    margin-bottom: 20px;
}

table tbody{
    width: 1000px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 20px;
}
tbody tr i{display: block;
    line-height: 30px;
    text-align: left;
    font-size: 14px;
}
tbody tr img {
    width: 80px;
    height: 107px;
    float: left;
    margin: 10px;
}

table tfoot{
    width: 1000px;
    line-height: 40px;
    text-align: center;
    background: #eee;
}
table tbody tr td:first-child{
    text-align: left;
    padding-left: 5px;
}
.del{
    display: block;
    width: 78px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #ccc;
    left: 20px;
    top: 39px;
    font-size: 14px;
    color: #000;
    float: right;
    margin-right: 20px;

}
.sum{
    color: #fff;
    display: block;
    background: #ccc;
    width: 140px;
    height: 58px;
    line-height: 58px;
    float: right;
    font-size: 20px;
}
table tfoot tr td:first-child{
    text-align: left;
    padding-left: 5px;
}
.tan{
    width: 400px;
    height: 200px;
    border: 2px solid #ccc;
    justify-content: space-around;
    flex-direction: column;
    position: fixed;
    z-index: 100;
    top: 130px;
    left: 40%;
    background: #fff;
    display: none;
    border-radius: 4px;
}
.tan h3{ text-align:center;font-size:24px;font-weight:normal; margin-top: 50px;}
.tan a{display:inline-block; width:100px; height:30px; background-color:#FF0000;
    color:#fff;text-decoration:none;text-align:center; line-height:30px;border-radius: 5px;
    margin-right:20px;
}
.tan div{display:flex;justify-content:center;margin-top: 60px;}
.close{ position:absolute;right:0; top:0;color:#ccc; font-size:20px;cursor: pointer;}
.toal{
    color: red;
    font-size: 24px;
    font-weight: bolder;

}
table tbody tr td .init{
    width: 250px;
    height: 200px;
    margin: 0 auto;
    overflow: hidden;
    margin-left: 80px;
}table tbody tr td h3{
     float: right;
     line-height: 200px;
     margin-right: 250px;
 }


table tbody tr td span{
    display: inline-block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 24px;
    background: #eee;
    user-select: none;
}
table tbody tr td #price{
    font-weight: normal;
}
table input[type=checkbox]{
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

table tbody tr td #num{
    background-color: #fff;}
footer{ width:100%;height: 235px;position: relative;
    margin: 0 auto;
    background-color: #f2f2f2;
    padding-top: 15px;
}
footer a{color:#000}
footer ul{ display:flex;}
footer ul:nth-of-type(1) li{
    width: 165px;
    height: 60px;
    border-right: 1px solid #777;
    text-align:center;
    margin:0 auto;
    margin-bottom:10px;
}
footer ul:nth-of-type(1) li:last-child{
    border-right:none;
}
footer ul:nth-of-type(2){
    display:flex;
    justify-content:center;
    margin-bottom:15px;
}
footer ul { padding-top:15px;font-size:14px}
footer ul:nth-of-type(2) li{
    margin-right:12px;
}
footer p{ text-align:center;margin-bottom:20px;font-size:14px}
footer img{ margin:0 auto;}
footer ul li a{display:flex;justify-content:center;align-items:center;flex-direction:column}
footer ul li a img { width:46px; height:32px; }
footer ul li a.a1 img{background:url("../img/base_z.png") -220px -150px no-repeat;}
footer ul li a.a2 img{background:url("../img/base_z.png") -602px -106px no-repeat;}
footer ul li a.a3 img{background:url("../img/base_z.png") -217px -385px no-repeat;}
footer ul li a.a4 img{background:url("../img/base_z.png") -485px 5px no-repeat;}
footer ul li a.a5 img{background:url("../img/base_z.png") -368px -350px no-repeat;}
footer ul li a.a6 img{background:url("../img/base_z.png") -370px -117px no-repeat;}
footer ul li a:hover{color:red}
footer ul li .a1:hover img{background:url("../img/base_z.png") -220px -268px no-repeat;}
footer ul li .a2:hover img{background:url("../img/base_z.png") -602px 5px no-repeat;}
footer ul li .a3:hover img{background:url("../img/base_z.png") -368px -232px no-repeat;}
footer ul li .a4:hover img{background:url("../img/base_z.png") -485px -108px no-repeat;}
footer ul li .a5:hover img{background:url("../img/base_z.png") -368px -463px no-repeat;}
footer ul li .a6:hover img{background:url("../img/base_z.png") -370px 0px no-repeat;}